Back to Portfolio

Bloom App

A gamified habit tracker designed to nurture your mind, one day at a time.

UX/UI Design
3 Months
Figma, Illustrator

Project Overview

Bloom is a mental wellness app that transforms boring routines into a joyful, game-like experience. The idea emerged from a need to make daily self-care, mood tracking, and mental health habits less clinical and more emotionally engaging.

Project Goals

  • Increase user engagement with mental health tracking
  • Reduce abandonment rates after initial use
  • Create an emotionally rewarding experience
  • Make self-care feel like personal growth
Bloom App main interface showing garden growth visualization

The Challenge

Traditional habit trackers often fail to maintain user engagement because they feel like chores rather than rewarding experiences. Through preliminary research, I identified three key pain points:

1. Lack of Emotional Connection

Users didn't feel personally invested in generic tracking systems

2. Overwhelming Complexity

Too many options led to decision fatigue and abandonment

3. No Visual Progress

Number-based systems didn't provide satisfying feedback

"I've tried every habit tracker out there, but none make me actually want to come back. They all feel like another item on my to-do list." — User Interview
Illustration showing people struggling with habit tracking apps

User Research

I conducted extensive research with our target demographic (ages 18-35) to understand their needs and frustrations with existing solutions.

Research Methods

Key Findings

Affinity mapping session with sticky notes
User interview in progress

Design Process

The design evolved through multiple iterations based on continuous user feedback.

1. Discovery

User interviews, competitive analysis, problem framing

Discovery phase artifacts

2. Ideation

Brainstorming, concept development, early sketches

Early concept sketches

3. Prototyping

Wireframes, interactive prototypes, usability testing

Prototyping process

4. Refinement

Visual design, microinteractions, design system

Design refinement process

Wireframes & UX Flow

Initial sketches focused on core user journeys with an emphasis on emotional engagement.

Onboarding flow wireframe
Garden view wireframe
Habit tracking wireframe
Reflection screen wireframe

Key Screens

Early testing revealed users wanted more customization options, leading to a revised flow with expanded personalization.

Design iteration process

UI Design & Branding

The visual design combines soft organic shapes with playful digital elements to create an inviting yet tech-forward aesthetic.

Design System

"The visual style makes me feel calm but also excited to use it - like I'm nurturing something precious." — User Testing Feedback
Color palette and style guide
Typography system
Custom icon set
UI components library

Interactive Prototype

Explore the clickable prototype demonstrating key user flows and interactions.

High fidelity prototype screens

Key Interactions

  • Animated transitions between screens
  • Microinteractions for habit completion
  • Dynamic garden growth visualization
  • Mood selection with haptic feedback
Interaction demo animation

Testing & Results

The prototype underwent three rounds of usability testing with iterative improvements.

Key Improvements

Quantitative Results

  • 68% retention after 30 days (vs industry avg 40%)
  • 4.8/5 average enjoyment rating
  • 92% said they would recommend to friends
Results infographic

Next Steps

Future development plans based on user feedback and business goals.

AI suggestion concept
Community feature mockup
Previous project